<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>新元素</title>
		<style>
			/* 鼠标 悬停到  大风车上 旋转 */
			img{
				/*过渡属性:控制旋转的时间*/
				transition: transform 10s;
			}
			img:hover{
				/*转换：旋转*/
				transform: rotate(36000000000000000deg);
			}
		</style>
	</head>
	<body>
		<!-- 音频与视频    属性  autoplay 自动播放一次属性 
		                       autoplay="autoplay"  属性与属性值一致【属性值不写】
							   controls  控制条 
							   loop     循环播放
		-->
		<img src="img/dfc.jpg" alt="大风车">
		<audio src="img/dafengche.mp3" autoplay  loop></audio>
		<!-- <video src="img/1.mp4" autoplay controls loop></video> -->
	</body>
</html>